<!DOCTYPE html>
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"
      xmlns:th="http://www.thymeleaf.org">

<head th:include="base::header"></head>

<body class="hold-transition skin-blue sidebar-mini fixed wolf">
<div class="wrapper">

    <header class="main-header" id="main-header" th:include="base::order_header"></header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar" th:include="base::left_sidebar"></aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (页眉) -->
        <section class="content-header">
            <h1>
                <small></small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li>表关联</li>
                <!--<li>二级菜单</li>-->
                <li class="active">表关联</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <!-- Info boxes -->
            <div class="row"></div>
            <div class="row">
                <div class="box box-info form-horizontal">
                    <div class="box-body">
                        <div class="form-group col-sm-6">
                            <label for="param_master_table_id" class="col-sm-4 control-label">主表:</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control"  name="master_table_id" id="param_master_table_id"
                                       placeholder="主表"/>
                            </div>
                        </div>
                        <div class="form-group col-sm-6">
                            <label for="param_rel_table_id" class="col-sm-4 control-label">从表:</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control"  name="rel_table_id" id="param_rel_table_id"
                                       placeholder="从表"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-default">
                        <div class="box-body">
                            <table id="etl_table_rel_table" class="table table-bordered table-hover"></table>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <!-- 编辑弹出层 开始 模态框默认尺寸 modal-lg、modal-md和modal-sm-->
                <div class="modal fade bs-example-modal-md" id="etl_table_rel_modal">
                    <div class="modal-dialog modal-md">

                        <div class="modal-content">
                            <!--模态框头部内容-->
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h4 class="modal-title">表关联编辑</h4>
                            </div>
                            <!--模态框主体内容-->
                            <div class="modal-body">
                                <div class="row">

                                    <div class="form-group col-sm-12">
                                        <label for="master_table_id" class="col-sm-4 control-label">主表:</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="master_table_id" id="master_table_id" class="form-control"
                                                   data-val-required="true" etl_table_rel_form="master_table_id" placeholder="主表"/>
                                        </div>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <label for="rel_table_id" class="col-sm-4 control-label">从表:</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="rel_table_id" id="rel_table_id" class="form-control"
                                                   data-val-required="true" etl_table_rel_form="rel_table_id" placeholder="从表"/>
                                        </div>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <label for="master_join_column" class="col-sm-4 control-label">主表字段:</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="master_join_column" id="master_join_column" class="form-control"
                                                   data-val-required="true" etl_table_rel_form="master_join_column"placeholder="主表字段"/>
                                        </div>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <label for="rel_join_column" class="col-sm-4 control-label">从表字段:</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="rel_join_column" id="rel_join_column" class="form-control"
                                                   data-val-required="true" etl_table_rel_form="rel_join_column"placeholder="从表字段"/>
                                        </div>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <label for="rel_type" class="col-sm-4 control-label">类型:</label>
                                        <div class="col-sm-8">
                                            <select class="form-control" name="rel_type" id="rel_type"
                                                    data-val-required="true" etl_table_rel_form="rel_type">
                                                <option value="">请选择</option>
                                                <option value="master_slave">master_slave</option>
                                                <option value="master_ext">master_ext</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <!--隐藏域数据-->
                                        <input type="hidden" value="" name="id" id="id" etl_table_rel_form="id"/>
                                    </div>

                                </div>
                            </div>
                            <!--模态框底部功能按钮-->
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" id="submit_table_rel">提交</button>
                            </div>
                        </div><!--modal-content END -->

                    </div>
                </div>
                <!--编辑弹出层 结束-->
            </div>

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    <footer class="main-footer" th:include="base::footer"></footer>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark" th:include="base::right_sidebar"></aside>
    <!-- /.control-sidebar -->
    <!-- 添加侧边栏的背景。
         这个 div必须放在 control-sidebar 之后 -->
    <div class="control-sidebar-bg"></div>

</div>
<!-- ./wrapper -->

<script>

</script>

</body>
</html>